<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" lang="zh-CN">

<div class="container">
    <form id="configEditForm" class="form-horizontal" role="form">
        <div class="row text-center">
            <div class="page-header">
                <h3>修改密码</h3>
            </div>
        </div>

        <!-- 操作 -->
        <div class="row">
            <div class="col-md-3">
                <!-- 隐藏表单值 -->
                <div class="form-group hidden">
                    <input name="id" type="text" th:value="${config?.id}"/>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">原密码 <strong class="driverVerifcateRequired">*</strong></label>
                    <div class="col-sm-8">
                        <input type="password" class="form-control" name="oldPwd" maxlength="32" dbsyncer-valid="require" placeholder="请输入原密码">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label">新密码 <strong class="driverVerifcateRequired">*</strong></label>
                    <div class="col-sm-8">
                        <input type="password" class="form-control" name="newPwd" maxlength="32" dbsyncer-valid="require" placeholder="请输入新密码">
                    </div>
                </div>
                <div class="form-group">
                    <div class="text-right col-sm-4"></div>
                    <div class="text-right col-sm-8">
                        <button id="updatePwdSubBtn" type="button" class="btn btn-primary">
                            <span class="fa fa-save"></span>保存
                        </button>
                    </div>
                </div>
            </div>
            <div class="col-md-3"></div>
        </div>
    </form>
</div>

<script th:src="@{/js/pwd/index.js}"></script>
</html>